<template>
    <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
        <a-tabs tab-position="left" default-active-key="1">
            <a-tab-pane key="1" tab="基础设置" >
                <a-form>
                    <a-form-item
                            label="系统名"
                            :labelCol="{span: 7}"
                            :wrapperCol="{span: 10}"
                    >
                        <a-input placeholder="请输入系统名" />
                    </a-form-item>
                    <a-form-item
                            label="系统描述"
                            :labelCol="{span: 7}"
                            :wrapperCol="{span: 10}"
                    >
                        <a-textarea rows="4" placeholder="输入系统的描述"/>
                    </a-form-item>
                    <a-form-item style="margin-top: 24px" :wrapperCol="{span: 10, offset: 7}">
                        <a-button type="primary">提交</a-button>
                    </a-form-item>
                </a-form>
            </a-tab-pane>
            <a-tab-pane key="2" tab="LOGO设置">
                <img src="@/assets/img/logo.png"  width="128" height="128"  />
                <div style="padding-top: 20px; padding-left: 35px;">
                    <a-button type="primary">提交</a-button>
                </div>
            </a-tab-pane>
        </a-tabs>
    </a-card>
</template>

<script>
    export default {
        name: "system"
    }
</script>

<style scoped>

</style>